<!doctype html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>见闻间</title>
    <link rel="stylesheet" href="/install/css/ixx.css" />
</head>

<body>
    <div id="ixx1" class="container">
        <div class="content">
            <div class="content-img">
                <video class="bg" src="/install/img/1.mp4" autoplay loop muted :controls="false"
                    :show-center-play-btn="false" object-fit="cover">
                </video>
                <div class="name">
                    见闻间 - 让社区以全新的方式喧起来<br>
                    官网：https://cc.chaopin100.com/#/xinxuan<br>
                    Copyright © 2024 Supengjun. All Rights Reserved. 陕西超拼软件科技有限公司 版权所有
                </div>
            </div>
            <div class="content-box">
                <div v-if="!isShow">
                    <div class="t1">见闻间安装系统 👏</div>
                    <div class="t2">hello! welcome to installation.</div>
                    <table>
                        <tr>
                            <td class="td1">环境检测</td>
                            <td class="td1">推荐配置</td>
                            <td class="td1">最低要求</td>
                            <td class="td1">当前状态</td>
                        </tr>
                        <tr>
                            <td>PHP版本</td>
                            <td>8.0</td>
                            <td>8.0</td>
                            <td>{$phpv|raw}</td>
                        </tr>
                        <tr>
                            <td>session</td>
                            <td>开启</td>
                            <td>开启</td>
                            <td>{$session|raw}</td>
                        </tr>
                        <tr>
                            <td>safe_mode</td>
                            <td>开启</td>
                            <td>开启</td>
                            <td>{$safe_mode|raw}</td>
                        </tr>
                        <tr>
                            <td>GD库</td>
                            <td>开启</td>
                            <td>1.0以上</td>
                            <td>{$gd|raw}</td>
                        </tr>
                        <tr>
                            <td>mysql</td>
                            <td>5.7</td>
                            <td>必备</td>
                            <td>{$mysql|raw}</td>
                        </tr>
                        <tr>
                            <td>redis</td>
                            <td>扩展</td>
                            <td>必备</td>
                            <td>{$redis|raw}</td>
                        </tr>
                        <tr>
                            <td>curl_init</td>
                            <td>扩展</td>
                            <td>必备</td>
                            <td>{$curl|raw}</td>
                        </tr>
                        <tr>
                            <td>bcmath</td>
                            <td>扩展</td>
                            <td>必备</td>
                            <td>{$bcmath|raw}</td>
                        </tr>
                        <tr>
                            <td>openssl</td>
                            <td>扩展</td>
                            <td>必备</td>
                            <td>{$openssl|raw}</td>
                        </tr>
                        <tr>
                            <td>fileinfo</td>
                            <td>扩展</td>
                            <td>必备</td>
                            <td>{$finfo_open|raw}</td>
                        </tr>
                    </table>
                    <div class="cc">
                        <div class="radio" :class="{'is-shock': isShock}" @click="radio = !radio">
                            <div v-if="radio" class="checkmark"></div>
                        </div>
                        <span>详细阅读并勾选同意</span>
                        <span class="sp1" @click="isShow = !isShow">《见闻间系统使用协议》</span>
                    </div>
                </div>
                <div v-else class="section">
                    <h1>软件许可协议</h1>
                    <h3>版权声明</h3>
                    版权所有 © 2024 陕西超拼软件科技有限公司<br>
                    <h3>许可协议</h3>
                    根据Apache许可证2.0版（以下简称“许可证”）获得许可，您可以仅根据许可证的条款使用本文件。<br>
                    除非符合许可证的规定，否则您不得使用本文件。<br>
                    您可以在以下位置获得许可证的副本：<a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License
                        2.0
                    </a><br>
                    除非适用法律要求或书面同意，按照许可证分发的软件按“原样”分发，不附带任何明示或暗示的担保或条件，未经许可禁止在本产品的整体或任何部分基础上以发展任何派生版本、修改版本或第三方版本用于重新分发，有关控制权限和许可证下特定语言的权利限制的更多信息，请参见许可证。<br>
                    <h3>免责声明</h3>
                    本软件由陕西超拼软件科技有限公司（以下简称“公司”）开发并提供。公司对软件的功能、性能及适用性不作任何明示或暗示的保证，包括但不限于适销性、适用于特定用途及无侵权的保证。<br>
                    在任何情况下，公司或其贡献者均不对因使用本软件或与之相关的任何直接、间接、附带、特殊、惩戒性或后果性损害负责，即使被告知可能发生此类损害。<br>
                    <br><a href="https://cc.chaopin100.com/#/xinxuan" target="_blank">见闻间官方网站 </a>
                </div>
                <div v-if="!isShow">{$next|raw}</div>
                <div v-else class="btn abg" @click="isShow = !isShow">我知道了</div>
            </div>
        </div>
    </div>
</body>
<script src="/install/js/vue2.6.11.js"></script>
<script src="/install/js/element-ui.js"></script>
<script>
    new Vue({
        el: '#ixx1',
        data() {
            return { radio: false, isShow: 0, isShock: false }
        },
        methods: {
            jump() {
                if (this.radio) {
                    window.location.href = "/install/index?step=2";
                } else {
                    this.isShock = true
                    setTimeout(e => { this.isShock = false }, 500)
                }
            },
        }
    })
</script>

</html>